<extend name="./public/frame.html"/>
<block name="content">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
        <legend>公司账户总览</legend>
    </fieldset>
    <div class="layui-collapse" lay-filter="test">
        <div class="layui-colla-item">
            <h2 class="layui-colla-title">顺风车用户消费总览</h2>
            <div class="layui-colla-content layui-show">
                <table class="layui-table" lay-size="lg" lay-skin="row">
                    <colgroup>
                        <col width="25%">
                        <col width="25%">
                        <col width="25%">
                        <col>
                    </colgroup>
                    <thead>
                    <tr>
                        <th>支付宝消费</th>
                        <th>微信消费</th>
                        <th>余额消费</th>
                        <th>优惠券消费</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr style="color: #529999;">
                        <td>¥{$fr_pay.alipay}</td>
                        <td>¥{$fr_pay.wx}</td>
                        <td>¥{$fr_pay.balance}</td>
                        <td>¥{$fr_pay.coupon}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="layui-colla-item">
            <h2 class="layui-colla-title">顺风车订单总览</h2>
            <div class="layui-colla-content layui-show">
                <table class="layui-table" lay-size="lg" lay-skin="row">
                    <colgroup>
                        <col width="50%">
                        <col>
                    </colgroup>
                    <thead>
                    <tr>
                        <th>已完成订单总金额</th>
                        <th>顺风车主收入总额</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr style="color: #529999;">
                        <td>¥{$fr_order.original_price}</td>
                        <td>¥{$fr_order.need_price_dec}</td>
                    </tr>
                    </tbody>
                </table>
                <table class="layui-table" lay-size="lg" border="0" lay-skin="row">
                    <colgroup>
                        <col width="20%">
                        <col width="20%">
                        <col width="20%">
                        <col width="20%">
                        <col>
                    </colgroup>
                    <thead>
                    <tr>
                        <th>实付金额</th>
                        <th>感谢费金额</th>
                        <th>优惠总金额</th>
                        <th>平台费用</th>
                        <th>订单退款</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr style="color: #529999;">
                        <td>¥{$fr_order.need_price}</td>
                        <td>¥{$fr_order.thank_price}</td>
                        <td>¥{$fr_order.coupon_price}</td>
                        <td>¥{$fr_order.platform_price}</td>
                        <td>¥{$fr_order.refund_money}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="layui-colla-item">
            <h2 class="layui-colla-title">城际订单总览</h2>
            <div class="layui-colla-content layui-show">
                <table class="layui-table" lay-size="lg" lay-skin="row">
                    <colgroup>
                        <col width="50%">
                        <col>
                    </colgroup>
                    <thead>
                    <tr>
                        <th>已完成订单总金额</th>
                        <th>司机收入总额</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr style="color: #529999;">
                        <td>¥{$xm_order.original_price}</td>
                        <td>¥{$xm_order.need_price_dec}</td>
                    </tr>
                    </tbody>
                </table>
                <table class="layui-table" lay-size="lg" border="0" lay-skin="row">
                    <colgroup>
                        <col width="20%">
                        <col width="20%">
                        <col width="20%">
                        <col width="20%">
                        <col>
                    </colgroup>
                    <thead>
                    <tr>
                        <th>实付金额</th>
                        <th>优惠总金额</th>
                        <th>平台费用</th>
                        <th>订单退款</th>
                        <th>司机提现金额</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr style="color: #529999;">
                        <td>¥{$xm_order.need_price}</td>
                        <td>¥{$xm_order.coupon_price}</td>
                        <td>¥{$xm_order.platform_price}</td>
                        <td>¥{$xm_order.refund_money}</td>
                        <td>¥{$xm_order.driver_cash}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        <div class="layui-colla-item">
            <h2 class="layui-colla-title">用户钱包监控</h2>
            <div class="layui-colla-content layui-show">
                <table class="layui-table" lay-size="lg" lay-skin="row">
                    <colgroup>
                        <col width="50%">
                        <col>
                    </colgroup>
                    <thead>
                    <tr>
                        <th>当前钱包总额</th>
                        <th>已提现总额</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr style="color: #529999;">
                        <td>¥{$user_wallet.wallet_money}</td>
                        <td>¥{$user_wallet.cash}</td>
                    </tr>
                    </tbody>
                </table>
                <table class="layui-table" lay-size="lg" lay-skin="row">
                    <colgroup>
                        <col width="25%">
                        <col width="25%">
                        <col width="25%">
                        <col>
                    </colgroup>
                    <thead>
                    <tr>
                        <th>支付宝充值</th>
                        <th>微信充值</th>
                        <th>订单退款</th>
                        <th>佣金转入</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr style="color: #529999;">
                        <td>¥{$user_wallet.alipay}</td>
                        <td>¥{$user_wallet.wx}</td>
                        <td>¥{$user_wallet.refund}</td>
                        <td>¥{$user_wallet.commission}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <script>
        layui.use(['element', 'layer'], function(){
            var element = layui.element;

            //var layer = layui.layer;
            //监听折叠
            element.on('collapse(test)', function(data){
                //layer.msg('展开状态：'+ data.show);
            });
        });
    </script>
</block>